<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="/static/dist/css/reset.css">
    <link rel="stylesheet" href="/static/dist/css/login.css" th:href="@{/dist/css/login.css}"/>
<!--	<link rel="stylesheet" href="/static/dist/css/index.css" th:href="@{/dist/css/index.css}">-->
<!--	<link rel="stylesheet" href="/static/dist/css/reset.css" th:href="@{/dist/css/reset.css}">-->
    <style>
        .log {
            height: 85px;
        }

        .log img:nth-child(1) {
            width: 118px;
            height: 40px;
            float: left;
            margin: 20px 22px 0 40px;
        }

        .log img:nth-child(2) {
            width: 176px;
            height: 16px;
            float: left;
            margin: 30px 0 0 0;
        }

        .bg {
            height: 604px;
            background: url("../img/lobg.jpg");
            padding-top: 95px;
            margin-bottom: 80px;
        }

        .logon {
            width: 350px;
            height: 404px;
            margin: 0 0 0 855px;
            background-color: #fff;
        }
        .di{
            margin-bottom: 25px;
        }
        .di ul,
        p {
            margin-left: 75px;
        }

        .di li {
            float: left;
            border-left: 1px solid #c0a6f2;
            padding: 0 4px 0 4px;
        }
        .di li:nth-child(1){
            border-left: none;
        }
        .di li a {
            font-size: 12px;
            line-height: 12px;
        }
        .di p{
            line-height: 25px;
        }
    </style>
</head>

<body>
    <div class="log">
        <img src="../img/logo.png" alt="">
        <img src="../img/zi.png" alt="">
    </div>

    <div class="bg">
			<div class="body_count">
				<div class="login_count">
					<div class="login_count_a">
						<div class="login_count_a_l">
							<div class="login_a_l_t">扫码登录更安全</div>
							<div class="triangle"></div>
							<img src="../img/tubiao-02.png" class="icon_e" />
						</div>
						<div id="all">
							<ul id="option">
								<li class="active login_left">密码登录</li>
								<li class="login_right">短信登录</li>

							</ul>
							<ul id="card">
								<li class="active">
									<!--输入框-->
									<div class="login_bot_count">
										<img src="../img/touxiang.png" alt="" />
										<input type="" placeholder="会员名/邮箱/手机号" id="one" value="fww2"/>
									</div>
									<div class="login_bot_count">
                                        <img src="../img/suo.png" alt="" />
                                        
										<input type="password"placeholder="请输入登录密码" id="one1"  value="123456"/>
                                    </div>
                                    <!--登录按钮-->
									<button class="login_button" id="btn2">登录</button>
									<div class="login_bot">
										<a>忘记密码</a>
										<a>忘记用户名</a>
                                        <a href="register.html">免费注册</a>
									</div>
			
								</li>
								<li class="login_account">
									<!--输入框-->
									<div class="login_account_count">
										<img src="../img/shouji.png" alt="" />
										<select class="account_select">
											<option value="+86">+86</option>
											<option value="+852">+852</option>
											<option value="+853">+853</option>
											<option value="+886">+886</option>
										</select>
										<input type="" name="" class="mobile_input" placeholder="请输入手机号码"id="aa"  />
									</div>
									<div class="login_account_counts">
										<img src="../img/ma.png" alt="" />
										<input type="" name="" id="" placeholder="请输入验证码" />
										<input class="account_code" type="button" id="btn"value="获取验证码" />
									</div>
									<!--登录按钮-->
                                    <button class="login_account_button">登录</button>
                                    <div class="login_bot">
										
										<a href="register.html">免费注册</a>
									</div>
								</li>
							</ul>
						</div>

					</div>

					<div class="login_count_b">
						<div class="login_count_b_l">
							<img src="../img/tubiao-03.png" class="icon_z" />
						</div>
						<div class="login_b_title">
							手机扫码，安全登录
						</div>
                        <img src="../img/erweima.png" class="libqr" />
                        <div class="sao">
                           <img src="../img/saoyisao.png" alt="">
                           <span>打开 <a>手机淘宝</a> | <a>手机天猫</a><br>扫一扫登录</span><br>
                           <p class="libqr_text"><a class="icon_z">密码登录</a>  <a href="register.html">免费注册</a></p>
                        </div>
						
					</div>

				</div>

			</div>
		</div>




    <div class="di">
        <ul>
            <li><a href="#">阿里巴巴集团</a></li>
            <li><a href="#">淘宝网</a></li>
            <li><a href="#">天猫</a></li>
            <li><a href="#">聚划算</a></li>
            <li><a href="#">全球速卖通</a></li>
            <li><a href="#">阿里巴巴国际交易市场</a></li>
            <li><a href="#">1688</a></li>
            <li><a href="#">阿里妈妈</a></li>
            <li><a href="#">去啊</a></li>
            <li><a href="#">阿里云计算</a></li>
            <li><a href="#">YunOS</a></li>
            <li><a href="#">阿里通信</a></li>
            <li><a href="#">万网</a></li>
            <li><a href="#">高德</a></li>
            <li><a href="#">优视</a></li>
            <li><a href="#">友盟</a></li>
            <li><a href="#">酷盘</a></li>
            <li><a href="#">虾米</a></li>
            <li><a href="#">天天动听</a></li>
            <li><a href="#">来往</a></li>
            <li><a href="#">支付宝</a></li>
            <li><a href="#">钉钉</a></li>
        </ul><br>
        <p>© 2013-2016 Tmall.hk. 版权所有</p>
    </div>
</body>
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/login.js" ></script>

</html>